<template>
  <div>
    <el-image
      style="width: 200px; height: 200px"
      :src="imageUrl"
      fit="contain"
    />
  </div>
</template>

<script>
export default {
  name: "MvCloudgateTerminalMyImage",
  props: {
    img: {
      type: String,
      default: "",
    },
  },

  data() {
    return {
      imageUrl: this.img ? process.env.VUE_APP_BASE_URL + this.img : "",
    };
  },
  watch: {
    img(newMsg, oldMsg) {
      this.imageUrl = newMsg ? process.env.VUE_APP_BASE_URL + newMsg : "";
    },
  },
  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped></style>
